<template>
    <div class="page">
    <wl-panel  :title="title" subTitle="" :titleIcon="titleIcon">
        <template v-if="footerFlag" slot="panel_footer">
            <el-button @click="editCa" type="primary">保存</el-button>
        </template>
        <template slot="panel_body">
          <el-form :model="formData" status-icon ref="webMCaForm" label-width="100px" class="demo-ruleForm">
            <wl-form-inner subTitle="基本信息">
                <template slot="inner_body">
                    <div class="wl-row">
                        <wl-form-item  label="PIN" prop="pin" :itemData="formData">
                            <wl-input  slot="input" slot-scope="col" class="wl-input-item" :rawData="col.columnData" field="pin" placeholder="输入账号"></wl-input>
                        </wl-form-item>
                        <wl-form-item v-if="isAdmin" label="U盾持有者" prop="uown_name" :importance="false"  :itemData="formData">                         
                            <wl-arr-select reqUrl="/account/list.do" :isMore="false" slot="input" slot-scope="col" type="uown_name" @selectArrChange="uownChange" :rawData="col.columnData"></wl-arr-select>
                        </wl-form-item>
                         <wl-form-item v-else label="U盾持有者" prop="uown_name" :importance="false"  :itemData="formData">              
                            <wl-input :disabled="true" slot="input" slot-scope="col" class="wl-input-item" :rawData="col.columnData" field="uown_name" placeholder="U盾持有者"></wl-input>
                         </wl-form-item>
                    </div>
                    <div class="wl-row">
                        <wl-form-item  label="有效期" prop="period_date"  :itemData="formData">
                           <wl-date-picker slot="input" slot-scope="col"  :rawData="col.columnData" field="period_date"  dataType="timestamp"  placeholder="请选择有效期"> </wl-date-picker>
                        </wl-form-item>
                        <!-- <wl-form-item  label="登录时间" prop="login_date" :importance="false"  :itemData="formData">
                           <wl-date-picker :disabled="true" slot="input" slot-scope="col"  :rawData="col.columnData" field="login_date"  dataType="timestamp"  placeholder="请选择登录时间"> </wl-date-picker>
                        </wl-form-item> -->
                    </div>
                    <!-- <div class="wl-row">
                         <wl-form-item label="默认登录" prop="shi" :importance="false" :itemData="formData">
                            <wl-select slot="input" slot-scope="col" type="shi" code="com.wlfun.web.model.ShiFou" :rawData="col.columnData"></wl-select>
                        </wl-form-item>
                    </div> -->
                    <div class="wl-row">
                        <wl-form-item class="wl-form-item-full-row" label="备注" :importance="false"  prop="remark" :itemData="formData">
                            <wl-input setW=450 slot="input" class="wl-input-item" slot-scope="col" placeholder="输入备注" :rawData="col.columnData" field="remark"></wl-input>
                        </wl-form-item>
                    </div>
                </template>
            </wl-form-inner>
          </el-form>
        </template>
    </wl-panel>
    </div>  
</template>
<script lang="ts" src="./webM_ca_panel.ts"></script>
<style scoped>
.form-linefeed {
  margin: 10px 0;
}

.page {
  /* height: 85vh;
  width: 920px;
  overflow-y: scroll; */
}
</style>
